<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>熊猫优选</title>
    <link rel="stylesheet" href="../css/reset.css">
    <link rel="stylesheet" href="../css/swiper-bundle.min.css">
    <link rel="stylesheet" href="../css/nineRMB.css">

</head>

<body>
    <!-- 页头 -->
    <header>
        <div class="wrapper">
            <div class="container">
                <section class="logo clearfix">
                    <a href="#">
                        <img src="../img/header-logo.png" alt="" class='clearfix'>
                        <div class="right clearfix">
                            <h3>熊猫优选</h3>
                            <div>XIONG&nbsp;MAO&nbsp;YOU&nbsp;XUAN</div>
                        </div>
                    </a>
                </section>
                <section class="search clearfix">
                    <div class="search-wrapper">
                        <input type="text" placeholder="搜索商品，发现更多优惠">
                        <div class="saerchBtn">搜索</div>
                    </div>
                </section>
                <section class="clientPromise clearfix">
                    <ul>
                        <li>
                            <img src="../img/header-clientPromise1.png" alt="">
                            <p>全程包邮</p>
                        </li>
                        <li>
                            <img src="../img/header-clientPromise2.png" alt="">
                            <p>7天退换</p>
                        </li>
                        <li>
                            <img src="../img/header-clientPromise3.png" alt="">
                            <p>品质保证</p>
                        </li>
                    </ul>
                </section>
            </div>
        </div>
    </header>
    <!-- 导航-顶部 -->
    <div id="nav-top">
        <div class="container">
            <ul>
                <li class='nav-top-shouye'>首页</li>
                <li class="nav-top-second">9块9包邮</li>
                <li class="nav-top-third">超值大额券</li>
                <li class="nav-top-last on">降温急救穿搭</li>
            </ul>
        </div>
    </div>
    <!-- 页面标题 -->
    <div id="main">
        <div class="container">
            <p>人气女装上新</p>
        </div>
    </div>
   
    <div id="productList">
        <div class="container">
            <ul class='productList-ul'>
                <script src="../js/template-web.js"></script>
                <script type="text/html" id="shouye">
                    {{each productList}}
                    <li class='productList-li clearfix' onclick="onProductDetail({{$value.id}})">
                        <div class="productItem">
                            <div class="productItem-productPic">
                                <img src="{{$value.image}}" alt="">
                            </div>
                            <div class="productItem-productMsg">
                                <div class="productItem-productTitle">
                                    {{$value.title}}
                                </div>
                                <div class="productItem-productKeywords">
                                    {{if $value.platform==1}}
                                    <span>淘宝</span>
                                    {{else}}
                                    <span style="background-color: red;color: black;">天猫</span>
                                    {{/if}}
                                    <span>包邮</span>
                                </div>
                                <div class="productItem-productPriceEtc">
                                    <span class="productPrice"><span class="productPriceTag">￥</span><span
                                            class="productPriceStrong">{{$value.price}}</span><span
                                            class="productPriceDigit"></span></span>
                                    <span class="saleNum">{{$value.saleNum}}人已买</span>
                                    <span class="coupon clearfix ">{{$value.couponValue}}</span>
                                </div>
                            </div>
                        </div>
                    </li>
                    {{/each}}
                </script>
            </ul>
            <div class="viewMoreBtn" id="more">查看更多</div>
        </div>
    </div>
    <!-- 页尾 -->
    <div id="footer">
        <div class="container">
            <div class="footerTop">
                <div class="footerContent">
                    <img src="../img/header-logo.png" alt="">
                    <div class="footerContentMsg">
                        <h2>熊猫优选</h2>
                        <p>年轻人网购首选</p>
                        <p>购物领券更省钱</p>
                    </div>
                </div>
                <div class="aboutUs">|&emsp;<a data-v-ec21f5b0="" href="#/downLoad" target="_blank"
                        class="item">下载APP</a>
                </div>
            </div>
            <div class="footerBottom">
                <img src="../img/policeIcon.png" alt=""><span>浙公安网备案
                    33010602009949号&emsp;|&emsp;ICP备案号:</span><a
                    href="https://beian.miit.gov.cn/#/Integrated/index"></a>浙ICP备17012864号-1&emsp;|<span>&emsp;<img
                        src="../img/license.png" alt="">证照信息</span>
            </div>
        </div>
    </div>
    <div id="footerLast"><img src="../img/safeWeb.png" alt=""></div>
    <!-- 回到顶部按钮 -->
    <div id="backToTopBtn"><img src="../img/backtotop.png" alt=""></div>

    <script src="../js/jquery-3.6.0.js"></script>
    <script src="../js/swiper-bundle.min.js"></script>
    <script src="../js/index.js"></script>

</body>

</html>